<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../css/font-awesome-4.7.0/css/font-awesome.css" />
    <script type="text/javascript" src="../script/api.js"></script>
    <script type="text/javascript" src="../script/vue.min.js"></script>
    <script type="text/javascript" src="../script/zepto.min.js"></script>
      <script type="text/javascript" src="../script/fastclick.js"></script>
    <script type="text/javascript" src="../script/app.js"></script>
    <script type="text/javascript" src="../script/moreUrl.js" ></script>
    <style type="text/css">
        #classify {
            color: #ffffff !important;
        }
    </style>
</head>
<body >
  <div class="page" id="pageMoreUrl">
    <header class="aui-bar aui-bar-nav aui-bar-dark aui-bg-yellow"  id="aui-header" style="margin-bottom:5px;">
      <a class="aui-pull-left" onclick="closeFrame()">
          <span class="aui-iconfont aui-icon-left"></span>返回
      </a><div class="aui-title">更多应用</div></header>


    <section class="aui-content aui-margin-b-10">
        <div class="aui-grid">
            <div class="aui-row">
               <template v-for="(item,index) in urls">
                <div class="aui-col-xs-3" @click="openUrl(item.url,item.name,item.id)">
                    <div class="aui-badge" v-if="item.badge" style="left:50%">{{item.badge}}</div>
                    <i :class="'aui-iconfont '+item.icon+' aui-text-color_3'"></i>
                    <div class="aui-grid-label">{{item.name}}</div>
                </div>
                  <div  v-if="(index+1)%4===0" class="aui-hr aui-clearfix"></div>
              </template>

            </div>
        </div>
    </section>



  </div>
</body>


</html>
